<!DOCTYPE html>
<html>
    <head>
        <script src="https://fb.me/react-0.13.3.js"></script>
        <script src="https://fb.me/JSXTransformer-0.13.3.js"></script>
        <script src="build/reactable.js" type="text/javascript"></script>
        <script type="text/jsx">
            /** @jsx React.DOM */ 
            var Table = Reactable.Table,
                Thead = Reactable.Thead,
                Th = Reactable.Th,
                Tr = Reactable.Tr,
                Td = Reactable.Td,
                unsafe = Reactable.unsafe;

            React.render(
                <Table className="table" id="table" data={[
                    { Name: Reactable.unsafe('<span id="griffins-name">Griffin Smith</span>'), Age: '18'},
                    { Age: '28', Position: Reactable.unsafe('<span id="who-knows-job">Developer</span>')},
                    { Age: '23', Name: Reactable.unsafe('<span id="lees-name">Lee Salminen</span>')},
                ]} sortable={['Name']} />,
                document.getElementById('test-div')
            );
        </script>
    </head>
    <body>
        <div id="test-div"></div>
    </body>
</html>
